@import "mixin";

.banner {
  width: 100%;
  height: rem(135px);
  font-size: 0;
  >img {
    width: 100%;
  }
}

.content {
  >.content-header {
    padding: 0 rem(16px);
    width: 100%;
    height: rem(30px);
    line-height: rem(30px);
    @include border-bottom-1px(#e5e5e5);
    >p {
      font-size: rem(12px);
      color: #999999;
    }
  }
  >.list-wrapper {
    >.list-item {
      padding: 0 rem(16px);
      width: 100%;
      height: rem(44px);
      line-height: rem(44px);
      background-color: #fff;
      font-size: 0;
      @include border-bottom-1px(#e5e5e5);
      >.text {
        font-size: rem(16px);
        color: #333333;
      }
      >.icon-wrapper {
        margin-right: rem(10px);
        position: relative;
        display: inline-block;
        width: rem(24px);
        height: 100%;
        vertical-align: top;
        >.icon-number1 {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          display: inline-block;
          width: rem(24px);
          height: rem(24px);
          @include bg-image('../images/icon-number1')
        }
        >.icon-number2 {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          display: inline-block;
          width: rem(24px);
          height: rem(24px);
          @include bg-image('../images/icon-number2')
        }
        >.icon-number3 {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          display: inline-block;
          width: rem(24px);
          height: rem(24px);
          @include bg-image('../images/icon-number3')
        }
        >.icon-number4 {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          display: inline-block;
          width: rem(24px);
          height: rem(24px);
          @include bg-image('../images/icon-number4')
        }
        >.icon-number5 {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          display: inline-block;
          width: rem(24px);
          height: rem(24px);
          @include bg-image('../images/icon-number5')
        }
      }
    }
  }
  >.drop-msg {
    padding-left: rem(16px);
    line-height: rem(24px);
    font-size: rem(12px);
    color: #999999;
  }
}